<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<div id="content" class="col-lg-10 col-sm-10">
    <!-- content starts -->


    <div class="row">

        <div class="box col-md-7">
            <div class="box-inner">
                <div class="box-header well" data-original-title="">
                    <h2><i class="glyphicon glyphicon-bell"></i> Question : ${sessionScope.qindex+1}</h2>


                </div>
                <div class="box-content">
                    <div class="alert alert-info" id="qdesc">
                        ${sessionScope.question.qdescription}
                    </div>
                    <div class="alert alert-info" id="options">
                        <script>alert('${sessionScope.uanswer}');</script>
                        <script>alert('${sessionScope.question.uans}')</script>
                        <c:choose>
                            <c:when test="${sessionScope.question.uans eq 'A'}">
                        <div class="radio">
                            <script>alert('If A')</script>
                            <label>
                                <input type="radio" name="uans" class="optionsRadios1" value="A" checked="checked">
                                A
                            </label>
                        </div>
                         </c:when>
                        <c:otherwise>
                                <div class="radio">
                            <script>alert('else A')</script>
                            <label>
                                <input type="radio" name="uans" class="optionsRadios1" value="A" >
                                A
                            </label>
                        </div>
                                
                            </c:otherwise>
                                </c:choose>
                         <c:choose>
                             <c:when test="${sessionScope.question.uans eq 'B'}">
                        <div class="radio">
                            <script>alert('If b')</script>
                            <label>
                                <input type="radio" name="uans" class="optionsRadios1" value="B" checked="checked" >
                                B
                            </label>
                        </div>
                         </c:when>
                        <c:otherwise>
                                <div class="radio">
                            <script>alert('else b')</script>
                            <label>
                                <input type="radio" name="uans" id="k" class="optionsRadios1" value="B" >
                                B
                            </label>
                        </div>
                            </c:otherwise>
                                </c:choose>
                         <c:choose>
                             <c:when test="${sessionScope.question.uans eq 'C'}">
                        <div class="radio">
                            <script>alert('If c')</script>
                            <label>
                                <input type="radio" name="uans" class="optionsRadios1" value="C" checked="checked"  >
                                C
                            </label>
                        </div>
                         </c:when>
                        <c:otherwise>
                                <div class="radio">
                            <script>alert('else c')</script>
                            <label>
                                <input type="radio" name="uans" class="optionsRadios1" value="C"  >
                                C
                            </label>
                        </div>
                            </c:otherwise>
                                </c:choose>
                         <c:choose>
                             <c:when test="${sessionScope.question.uans eq 'D'}">
                        <div class="radio">
                            <script>alert('If d')</script>
                            <label>
                                <input type="radio"  name="uans" class="optionsRadios1" value="D" checked="checked"  >
                                D
                            </label>
                        </div>
                         </c:when>
                        <c:otherwise>
                                <div class="radio">
                            <script>alert('else d')</script>
                            <label>
                                <input type="radio" name="uans" class="optionsRadios1" value="D" >
                                D
                            </label>
                        </div>
                            </c:otherwise>
                                </c:choose>
                    
                     
                       
                    <p class="center">
                        <a href="TestLogicAction.do?action=Previous" id="pre_btn">
                            <button class="btn btn-primary" >
                                Previous
                            </button>
                        </a>
                        <a href="TestLogicAction.do?action=Next" id="next_btn">
                            <button class="btn btn-primary" >
                                Next
                            </button>
                        </a>
                        <button class="btn btn-primary noty" >
                            <i class="glyphicon glyphicon-bell icon-white"></i> Review
                        </button>
                        <a href="TestLogicAction.do?action=Submit">
                            <button class="btn btn-primary">
                                <i class="glyphicon glyphicon-bell icon-white"></i> Submit Exam
                            </button>
                        </a>
                    </p>



                </div>
            </div>
        </div>
                        </div>
        <div class="box col-md-5">
            <div class="box-inner">
                <div class="box-header well">
                    <h2><i class="glyphicon glyphicon-bullhorn"></i> Time : 1800 seconds left</h2>                 
                </div>
                <div class="box-content alerts">

                    <div class="alert alert-success">

                        <c:forEach begin="1" end="${sessionScope.total}" var="i">
                            <a class="btn btn-info btn-sm page_btn" href="TestLogicAction.do?action=getQuestion&qindex=${i-1}" id='${i-1}'> ${i}</a>
                        </c:forEach>
                        
                    </div>

                </div>
            </div>
        </div>
        <!--/span-->

        <!--/span-->


        <!--/span-->
    </div><!--/row-->


    <!-- content ends -->
</div><!--/#content.col-md-0-->